<extend name="Public/base"/>



<block name="body">

    <div class="main-title">

        <h2>基本资料</h2>

    </div>

    <style>
.data-table {
    margin: 0;
}
.fr span{}
.data-table table{
width:90% !important;
}
th{
	color:#2d2d2d!important;
	height: 30px!important;
	background: #fff!important;
    font-size: 18px;
    text-align: center!important;
	border: 1px solid #a9a3a3;
	font-weight: 600!important;
	}
td{
	border: 1px solid #a9a3a3;
	    word-break: break-all;
	}
img{
	max-width:100%;
	<!-- height:120px; -->
}
.f_l{
float:left;}
.f_r{
float:right;}

.ima{
width:40%;
height:170px;
}
.imb{
width:55%;

}
.ima img{
width:100%;
height: 100%;


}
.clear{
	clear:both;
	padding: 15px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.imb,.imb p,.clear span{
    font-size: 18px;
    color: #4e4e4e;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clear span{ padding-right: 10px;
}

   
.font{
	font-size:16px;
	
}
.font_w{
	width:40%;
	text-align: center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.font_w1{
	width:60%;
	text-align: center;
		white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
}
.mar{
margin:10px auto;
}
.font_w1 span{
display:inline-block;
}
.margin{
    margin: 20px;
    margin-top: 0px;
    margin-right: 0px;
}
.img-class-this {
    margin-bottom: 0px;
}
.imb p{
padding:10px 0px;

}
.Add {
    background:rgba(241, 239, 239, 0.79);
	text-decoration: underline;
	color: #999;
	padding:2px;
	margin-bottom: 2px;
}

    </style>


    <div class="data-table table-striped">

   

            <table>

                <thead>

                    <tr>

                        <th style="width:40%!important;    font-weight:normal!important;">个人资料</th>

                        <th style="position:relative;font-weight:normal!important;">相册</th>

                    </tr>

                </thead>

                <tbody>


                    <tr>

                        <td valign="top">
							<div class="f_l ima">
								<img title="暂无头像" src="__ROOT__{$data.logo|getimg=###}" />
							</div>
							<div class="f_r imb">
								<p>星座：{$data.constell}</p>
								<p>学校：{$data.school}</p>
								<p>身份：{$data.identity}</p>
								<p>爱好：{$data.love}</p>
							</div>
							<div class="img_l clear">
								<span>昵称：{$data.nickname}</span>
								<span>性别：{$data.sex}</span>
								<span>年龄：{$data.age}</span>
							</div>
							
							<div class="f_l font font_w">
							
								<div class="mar"><img title="暂未上传" class="img-class-this" width="100px" height="100px" src="__ROOT__{$data.qr_code|getimg=###}" /></div>
							</div>
							
							<div class="f_r font font_w1">
							
								<span class="mar" style="margin-right: 20px;width:40%"><img title="暂未上传" class="img-class-this" style="width:100%" width="100px" height="100px" src="__ROOT__{$auth.imgfront|getimg=###}" /></span>
								<span class="mar" style="width:40%"><img title="暂未上传" style="width:100%" class="img-class-this" width="100px" height="100px" src="__ROOT__{$auth.imgback|getimg=###}" /></span>
							</div>
						
						</td>

                        <td valign="top">
						<notempty name="img">

							<volist name="img" id="v">
							
								<if condition="$v.path">	
								
								<div class="f_l margin">
									<img class="img-class-this" width="100px" height="100px" src="__ROOT__{$v.path}" />
								</div>
								
								</if>
								
							</volist>
							<else/>
								<div style="font-size:20px;margin:15px auto;text-align: center;">
									暂未上传
								</div>
						</notempty>		
							
							
							
								
						</td>

                    </tr>

     

                </tbody>

            </table>

    

        
    </div>
<style>
.main-title1{
margin-top:30px;
}
.cent{
text-align:left!important;;
}
.cen td{
    text-align: center;
	}
	
.Bac{    
	text-align: center;
    padding: 5px;

    background:#1dce79;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;	
	position:relative;
	margin-bottom: 2px;
}
.Bac:hover{
color:#fff;
}


	
.Bac img{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
	}
</style>

	
	
    <div class="main-title main-title1">

        <h2>课程信息</h2>

    </div>
	
	
	<div class="data-table table-striped f_l cen" style="width: 50%;">

      

            <table>

                <thead>

                    <tr>
                        <th class="imb" colspan="4">我想教</th>

                    </tr>
				

                </thead>

                <tbody>
					<tr>
					
                        <td class="cent" colspan="4">
						<p>简介：</p>
						<div style="word-break: break-word;">{$introduce.introduce}</div>
						</td>

                    </tr>
                    <tr>
						
						<td>课程名称</td>
						<td>课程描述</td>
						<td>价格</td>
						<td>上架情况</td>
					 </tr>
					 
					<notempty name="teach">

						<volist name="teach" id="v">
						  <tr>
							<td>{$v.title}</td>
							<td>{$v.content}</td>
							<td>{$v.salary}</td>
							
							<if condition="$v.passed eq 1 && $v.end_teach eq 0 ">
							<td>是</td>
							<else/>
							<td>否</td>
							</if>
						 </tr>
					 
						</volist>
						
					<else/>	
						<tr>
							<td colspan="4" style="height: 100px;">暂无课程</td>
						 </tr>	
					</notempty>		

                </tbody>

            </table>

   

        
    </div>
	
	<div class="data-table table-striped f_r cen" style="width: 50%;">

    

            <table>

                <thead>

                    <tr>
                        <th class="imb" colspan="4">我想学</th>

                    </tr>
					
                </thead>

                <tbody>
					<tr></tr>
                    <tr>
						<td>课程名称</td>
						<td>课程描述</td>
						<td>价格</td>
						<td>上架情况</td>
					 </tr>
					  <notempty name="study">
					  

						<volist name="study" id="v">
						  <tr>
							<td>{$v.title}</td>
							<td>{$v.content}</td>
							<td>{$v.salary}</td>
							
							<if condition="$v.passed eq 1 && $v.end_study eq 0 ">
							<td>是</td>
							<else/>
							<td>否</td>
							</if>
						 </tr>					 
						</volist>
							
						<else/>	
						<tr>
							<td colspan="4" style="height: 100px;">暂无课程</td>
						 </tr>	
					</notempty>
				
                </tbody>

            </table>

   

        
    </div>
	
	  <div class="main-title main-title1 clear">

        <h2>相关订单</h2>

    </div>
	
	<div class="data-table table-striped cen" >

    

            <table style="width:100% !important">

                <thead>

                    <tr>
                        <th class="imb" colspan="10" style="text-align:left!important;">课程订单</th>

                    </tr>
					
                </thead>

                <tbody>
					<tr></tr>
                    <tr>
						<td>时间</td>
						<td>订单号</td>
						<td>老师</td>
						<td>学生</td>
						<td>课程名称</td>
						<td>课程数</td>
						<td>总金额</td>
						<td style="width: 12%;">课程描述</td>
						<td style="width: 8%;">完成情况</td>
						
					 </tr>
					 
					 <notempty name="order1">

						<volist name="order1" id="v">
						  <tr>
							<td>{$v.createtime}</td>
							<td>{$v.order}</td>
							<td>{$v.username}</td>
							<td><a href="__CONTROLLER__/userdetails/id/{$v.uid}">{$v.nickname}</a></td>
							<td>{$v.title}</td>
							<td>{$v.num}</td>
							<td>{$v.price}</td>
							<td>{$v.content}</td>
							<td>
							 <volist name='v.time' id='vol' mod='3'>

                           <lt name="vol.class_date" value="$date">

                               <neq name="vol.class_date" value="0">

                                   <eq name="vol.at_class" value="1">

                                       <p class="Bac">{$vol.class_date|date='Y-m-d H:i:s',###}<img src="__IMG__/images/studyImg_03.png"  class="pos"/></p>

                                   <else/>

                                       <p class="Bac div-span class-span">{$vol.class_date|date='Y-m-d H:i:s',###}</p>

                                       <input style="display: none;" class="div-span class-span-disan" type="checkbox" name="check" value="{$vol.id}">

                                       <input type="hidden" value="{$vol.id}">


                                   </eq>

                               </neq>

                           </lt>

                            <gt name="vol.class_date" value="$date">

                              <eq name="v.cancel" value="0">

                                <p class="Bac NoAc div-span" style="background:#ffa721;">{$vol.class_date|date='Y-m-d H:i:s',###}</p>

                                <input type="hidden" value="{$vol.id}">

                              </eq>

									<eq name="v.cancel" value="2">


									<p class="Bac NoAc div-span"  style="background:#ffa721;">退订中</p>

								   </eq>
								  
								  <eq name="v.cancel" value="1">


									<p class="btn-date Add">已退订</p>

								   </eq>


                            </gt>


                            <eq  name="vol.class_date" value="0">

                               <eq name="v.cancel" value="0">

                                <p class="Add btn-date">未定</p>


                                <input type="hidden" value="{$vol.id}">

                               </eq>

                                <eq name="v.cancel" value="2">


                                <p class="Bac NoAc div-span" style="background:#ffa721;">退订中</p>

                               </eq>
							  
							  <eq name="v.cancel" value="1">


                                <p class="btn-date Add">已退订</p>

                               </eq>

                            </eq>

                        </volist>
						</td>

						 </tr>
					 
					 </volist>
					
					</notempty>
					
					
					<notempty name="order2">

						<volist name="order2" id="v">
						  <tr>
							<td>{$v.createtime}</td>
							<td>{$v.order}</td>
							<td><a href="__CONTROLLER__/userdetails/id/{$v.uid}">{$v.nickname}</a></td>
							<td>{$v.username}</td>
							<td>{$v.title}</td>
							<td>{$v.num}</td>
							<td>{$v.price}</td>
							<td>{$v.content}</td>
							<td>
							
							 <volist name='v.time' id='vol' mod='3'>



                           <lt name="vol.class_date" value="$date">



                               <neq name="vol.class_date" value="0">



                                   <eq name="vol.at_class" value="1">


                                       <p class="Bac">{$vol.class_date|date='Y-m-d H:i:s',###}<img src="__IMG__/images/studyImg_03.png"  class="pos"/></p>



                                   <else/>


                                       <p class="Bac div-span class-span">{$vol.class_date|date='Y-m-d H:i:s',###}</p>



                                       <input style="display: none;" class="div-span class-span-disan" type="checkbox" name="check" value="{$vol.id}">



                                       <input type="hidden" value="{$vol.id}">



                                   </eq>



                               </neq>



                           </lt>



                            <gt name="vol.class_date" value="$date">



                              <eq name="v.cancel" value="0">


                                <p  class="Bac NoAc div-span" style="background:#ffa721;">{$vol.class_date|date='Y-m-d H:i:s',###}</p>



                                <input type="hidden" value="{$vol.id}">



                              </eq>



                              

							<eq name="v.cancel" value="2">


                                <p class="Bac NoAc div-span" style="background:#ffa721;">退订中</p>

                               </eq>
							   
							   
                                <eq name="v.cancel" value="1">


                                <p class="btn-date Add">已退订</p>
								

                               </eq>
                              



                            </gt>



                            <eq  name="vol.class_date" value="0">



                               <eq name="v.cancel" value="0">


                                <p class="Add btn-date">未定</p>



                                <input type="hidden" value="{$vol.id}">



                               </eq>



                                <eq name="v.cancel" value="2">


                                <p class="Bac NoAc div-span" style="background:#ffa721;">退订中</p>

                               </eq>
							   
							   
                                <eq name="v.cancel" value="1">


                                <p class="btn-date Add">已退订</p>

                               </eq>

                            </eq>

                        </volist>
						</td>
				
						 </tr>
					 
						</volist>
					
					</notempty>
						
					<if condition="empty($order1) eq true && empty($order2) eq true">
						<tr>
							<td colspan="10" style="height: 100px;text-align:center">暂无订单</td>
						 </tr>
					</if>
                </tbody>

            </table>

   

        
    </div>
	<div class="data-table table-striped cen" style="width:50%;margin-top:30px;">

            <table>

                <thead>

                    <tr>
                        <th class="imb" colspan="3" style="text-align:left!important;">会员订单</th>

                    </tr>
					
                </thead>

                <tbody>
					<tr></tr>
                    <tr>
						<td>时间</td>
						<td>档位</td>
						<td>金额</td>
						
					 </tr>
					 
					 <notempty name="guest">

						<volist name="guest" id="v">
					  <tr>
						<td>{$v.create_time}-{$v.end_time}</td>
						<td>{$v.price1}</td>
						<td>{$v.price}</td>
		
					 </tr>
					 </volist>
					<else/>
						<tr>
							<td colspan="3" style="height: 100px;text-align:center">暂未充值</td>
						 </tr>
					</notempty>


                </tbody>

            </table>

   

        
    </div>
	
</block>



<block name="script">

    <script type="text/javascript">

      $('.img-class-this').on('click',function(){

           var src = $(this).attr("src");

              layer.open({

                  type: 1,

                  area: ['500px', 'auto'],

                  shadeClose: true, //点击遮罩关闭

                  content: "<img class='class-img' src='"+src+"'>"

                  });

        });

    </script>

</block>